<template>
  <div id="team" class=" text-center text-indigo-100  ">
    <div class="container py-24 bg-indigo-4 rounded">
      <h4 class="mb-8 text-3xl font-black leading-tight text-indigo-100 sm:text-4xl">
        您的专属团队
      </h4>
      <p class="max-w-3xl mx-auto text-indigo-80 font-light sm:mt-2 sm:text-lg">
        我们是一个充满激情的软件开发团队，拥有专业的设计、开发、DevOps、QA、AI和机器学习技能，并希望与世界各地的创新者建立联系
      </p>
      <div class="max-w-4xl px-6 mx-auto mt-24 text-left font-light text-xl">
        <div class="mb-4 sm:flex sm:-mx-4">
          <div class="sm:w-1/2 sm:px-4 ">
            <h3 class="mb-4 text-2xl ">技术栈</h3>
            <ul class="text-indigo-80 leading-relaxed">
              <li><span class="text-indigo-40">IOS:</span> Swift, Objective-C, Flutter</li>
              <li><span class="text-indigo-40">Android:</span> Java, Kotlink Flutter</li>
              <li><span class="text-indigo-40">前端:</span> Vue.js, React.js, Redux, Angular</li>
              <li><span class="text-indigo-40">后端:</span> Nodejs, JAVA, PHP</li>
            </ul>
          </div>
          <div class=" sm:w-1/2 sm:px-4 sm:mt-0">
            <h3 class="mb-0 text-2xl  ">数据库</h3>
            <p class=" text-indigo-80 ">
              MySQL, Postgres, MongoDB
            </p>
            <h3 class="mt-6 text-2xl font-black leading-tight">服务器</h3>
            <p>
              阿里云、腾讯云、百度云、华为云，AWS, Azure, GCP
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<style lang="stylus" scoped>
  .bg-empower-your-team
    background: theme('colors.purple.4')
  li
    line-height 36px
</style>
